<!DOCTYPE html>
<html lang="zh-CN">





<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/blog/img/favicon.png">
  <link rel="icon" type="image/png" href="/blog/img/favicon.png">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="description" content="">
  <meta name="author" content="Darker">
  <meta name="keywords" content="">
  <title>Markdown基本使用 - Darker</title>

  <link  rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css" />


  <link  rel="stylesheet" href="https://cdn.staticfile.org/github-markdown-css/4.0.0/github-markdown.min.css" />
  <link  rel="stylesheet" href="/blog/lib/hint/hint.min.css" />

  
    <link  rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/10.0.0/styles/github-gist.min.css" />
  

  


<!-- 主题依赖的图标库，不要自行修改 -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_yg9cfy8wd6.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_pjno9b9zyxs.css">


<link  rel="stylesheet" href="/blog/css/main.css" />

<!-- 自定义样式保持在最底部 -->


  <script  src="/blog/js/utils.js" ></script>
<meta name="generator" content="Hexo 4.2.1"></head>


<body>
  <header style="height: 70vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/blog/">&nbsp;<strong>Fluid</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/">
                <i class="iconfont icon-home-fill"></i>
                首页
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/archives/">
                <i class="iconfont icon-archive-fill"></i>
                归档
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/categories/">
                <i class="iconfont icon-category-fill"></i>
                分类
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/tags/">
                <i class="iconfont icon-tags-fill"></i>
                标签
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/blog/about/">
                <i class="iconfont icon-user-fill"></i>
                关于
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

    <div class="view intro-2" id="background" parallax=true
         style="background: url('/blog/img/default.png') no-repeat center center;
           background-size: cover;">
      <div class="full-bg-img">
        <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
          <div class="container text-center white-text fadeInUp">
            <span class="h2" id="subtitle">
              
            </span>

            
              
  <div class="mt-3 post-meta">
    <i class="iconfont icon-date-fill" aria-hidden="true"></i>
    <time datetime="2020-07-22 00:00">
      2020年7月22日 凌晨
    </time>
  </div>


<div class="mt-1">
  
    
    <span class="post-meta mr-2">
      <i class="iconfont icon-chart"></i>
      1.5k 字
    </span>
  

  
    
    <span class="post-meta mr-2">
      <i class="iconfont icon-clock-fill"></i>
      
      
      18
       分钟
    </span>
  

  
  
</div>

            
          </div>

          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      

<div class="container-fluid">
  <div class="row">
    <div class="d-none d-lg-block col-lg-2"></div>
    <div class="col-lg-8 nopadding-md">
      <div class="container nopadding-md" id="board-ctn">
        <div class="py-5" id="board">
          <div class="post-content mx-auto" id="post">
            
            <article class="markdown-body">
              <h1 id="一：概述"><a href="#一：概述" class="headerlink" title="一：概述"></a>一：概述</h1><h2 id="1-设计理念"><a href="#1-设计理念" class="headerlink" title="1.设计理念"></a>1.设计理念</h2><h3 id="Markdown-易于阅读，方便创作web文档，利于各平台无缝分发。"><a href="#Markdown-易于阅读，方便创作web文档，利于各平台无缝分发。" class="headerlink" title="Markdown 易于阅读，方便创作web文档，利于各平台无缝分发。"></a>Markdown 易于阅读，方便创作web文档，利于各平台无缝分发。</h3><h3 id="Markdown-语法灵感最大的来源还是纯文本-email-的格式，完全由标点符号标签组成的纯文本。"><a href="#Markdown-语法灵感最大的来源还是纯文本-email-的格式，完全由标点符号标签组成的纯文本。" class="headerlink" title="Markdown 语法灵感最大的来源还是纯文本 email 的格式，完全由标点符号标签组成的纯文本。"></a>Markdown 语法灵感最大的来源还是纯文本 email 的格式，完全由标点符号标签组成的纯文本。</h3><h3 id="Markdown-文件应该以纯文本形式原样发布，不应该包含标记标签和格式化指令。"><a href="#Markdown-文件应该以纯文本形式原样发布，不应该包含标记标签和格式化指令。" class="headerlink" title="Markdown 文件应该以纯文本形式原样发布，不应该包含标记标签和格式化指令。"></a>Markdown 文件应该以纯文本形式原样发布，不应该包含标记标签和格式化指令。</h3><h2 id="2-内联-HTML-语法"><a href="#2-内联-HTML-语法" class="headerlink" title="2.内联 HTML 语法"></a>2.内联 HTML 语法</h2><h3 id="HTML-是一种发布格式，Markdown-是一种创作格式。"><a href="#HTML-是一种发布格式，Markdown-是一种创作格式。" class="headerlink" title="HTML 是一种发布格式，Markdown 是一种创作格式。"></a>HTML 是一种<strong>发布格式</strong>，Markdown 是一种<strong>创作格式</strong>。</h3><h3 id="Markdown语法集合比较小，只是HTML标签的一小部分。"><a href="#Markdown语法集合比较小，只是HTML标签的一小部分。" class="headerlink" title="Markdown语法集合比较小，只是HTML标签的一小部分。"></a>Markdown语法集合比较小，只是HTML标签的一小部分。</h3><h3 id="对于-Markdown-中未包含的标签-可以直接使用-HTML标签，例如用-HTML-lt-a-gt-标签替代-Markdown-的链接语法。"><a href="#对于-Markdown-中未包含的标签-可以直接使用-HTML标签，例如用-HTML-lt-a-gt-标签替代-Markdown-的链接语法。" class="headerlink" title="对于 Markdown 中未包含的标签, 可以直接使用 HTML标签，例如用 HTML &lt;a&gt; 标签替代 Markdown 的链接语法。"></a>对于 Markdown 中未包含的标签, 可以直接使用 HTML标签，例如用 HTML <code>&lt;a&gt;</code> 标签替代 Markdown 的链接语法。</h3><h2 id="3-特殊字符自动转义"><a href="#3-特殊字符自动转义" class="headerlink" title="3.特殊字符自动转义"></a>3.特殊字符自动转义</h2><h3 id="在-HTML-中-有两个字符需要特殊对待-lt-和-amp-，左尖括号用于起始标签。如果你想将它们用作字面量-你必须将它们转义为字符实体-例如-lt-和-amp-。"><a href="#在-HTML-中-有两个字符需要特殊对待-lt-和-amp-，左尖括号用于起始标签。如果你想将它们用作字面量-你必须将它们转义为字符实体-例如-lt-和-amp-。" class="headerlink" title="在 HTML 中, 有两个字符需要特殊对待: &lt; 和 &amp;，左尖括号用于起始标签。如果你想将它们用作字面量, 你必须将它们转义为字符实体, 例如&lt; 和 &amp;。"></a>在 HTML 中, 有两个字符需要特殊对待: &lt; 和 &amp;，左尖括号用于起始标签。如果你想将它们用作字面量, 你必须将它们转义为字符实体, 例如<code>&lt;</code> 和 <code>&amp;</code>。</h3><h1 id="二：标题"><a href="#二：标题" class="headerlink" title="二：标题"></a>二：标题</h1><h2 id="1-标题等级1-6（快捷键：Ctrl-1-6）"><a href="#1-标题等级1-6（快捷键：Ctrl-1-6）" class="headerlink" title="1.标题等级1-6（快捷键：Ctrl+1~6）"></a>1.标题等级1-6（快捷键：Ctrl+1~6）</h2><h3 id="代码："><a href="#代码：" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs clean"># 一级标题（我最大）
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题（我最小）</code></pre>

<h3 id="效果展示："><a href="#效果展示：" class="headerlink" title="效果展示："></a>效果展示：</h3><h1 id="一级标题（我最大）"><a href="#一级标题（我最大）" class="headerlink" title="一级标题（我最大）"></a>一级标题（我最大）</h1><h2 id="二级标题"><a href="#二级标题" class="headerlink" title="二级标题"></a>二级标题</h2><h3 id="三级标题"><a href="#三级标题" class="headerlink" title="三级标题"></a>三级标题</h3><h4 id="四级标题"><a href="#四级标题" class="headerlink" title="四级标题"></a>四级标题</h4><h5 id="五级标题"><a href="#五级标题" class="headerlink" title="五级标题"></a>五级标题</h5><h6 id="六级标题（我最小）"><a href="#六级标题（我最小）" class="headerlink" title="六级标题（我最小）"></a>六级标题（我最小）</h6><h1 id="三：字体"><a href="#三：字体" class="headerlink" title="三：字体"></a>三：字体</h1><h2 id="1-加粗（Ctrl-B）"><a href="#1-加粗（Ctrl-B）" class="headerlink" title="1.加粗（Ctrl+B）"></a>1.加粗（Ctrl+B）</h2><h3 id="代码：-1"><a href="#代码：-1" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs asciidoc">我的正常状态下的字体

*<span class="hljs-strong">*我是加粗后的字体*</span><span class="hljs-strong">*</span></code></pre>

<h3 id="效果："><a href="#效果：" class="headerlink" title="效果："></a>效果：</h3><p>我的正常状态下的字体</p>
<p><strong>我是加粗后的字体</strong></p>
<h2 id="2-斜体（Ctrl-I）"><a href="#2-斜体（Ctrl-I）" class="headerlink" title="2.斜体（Ctrl+I）"></a>2.斜体（Ctrl+I）</h2><h3 id="代码：-2"><a href="#代码：-2" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs asciidoc">我的正常状态下的字体

<span class="hljs-strong">*我是斜体的字体*</span></code></pre>

<h3 id="效果：-1"><a href="#效果：-1" class="headerlink" title="效果："></a>效果：</h3><p>我的正常状态下的字体</p>
<p><em>我是斜体的字体</em></p>
<h2 id="3-下划线（Ctrl-U）"><a href="#3-下划线（Ctrl-U）" class="headerlink" title="3.下划线（Ctrl+U）"></a>3.下划线（Ctrl+U）</h2><h3 id="代码：-3"><a href="#代码：-3" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs xml">我的正常状态下的字体

<span class="hljs-tag">&lt;<span class="hljs-name">u</span>&gt;</span>我是加了下划线的字体<span class="hljs-tag">&lt;/<span class="hljs-name">u</span>&gt;</span></code></pre>

<h3 id="效果：-2"><a href="#效果：-2" class="headerlink" title="效果："></a>效果：</h3><p>我的正常状态下的字体</p>
<p><u>我是加了下划线的字体</u></p>
<h2 id="4-删除线（Alt-Shift-5）"><a href="#4-删除线（Alt-Shift-5）" class="headerlink" title="4.删除线（Alt+Shift+5）"></a>4.删除线（Alt+Shift+5）</h2><h3 id="代码：-4"><a href="#代码：-4" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs haml">我的正常状态下的字体

~~我是加了删除线的字体~~</code></pre>

<h3 id="效果：-3"><a href="#效果：-3" class="headerlink" title="效果："></a>效果：</h3><p>我的正常状态下的字体</p>
<p><del>我是加了删除线的字体</del></p>
<h2 id="5-混合使用"><a href="#5-混合使用" class="headerlink" title="5.混合使用"></a>5.混合使用</h2><h3 id="代码：-5"><a href="#代码：-5" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs asciidoc">我的正常状态下的字体

*<span class="hljs-strong">*我是加粗后的字体*</span><span class="hljs-strong">*</span>
<span class="hljs-strong">*</span>我是斜体的字体<span class="hljs-strong">*</span>
<span class="hljs-strong">&lt;u&gt;我是加了下划线的字体&lt;/u&gt;</span>
<span class="hljs-strong">~~我是加了删除线的字体~~</span>
<span class="hljs-strong"></span>
<span class="hljs-strong">*</span>*<span class="hljs-strong">*我是加粗加斜体的字体*</span>*<span class="hljs-strong">*</span>
<span class="hljs-strong">&lt;u&gt;*</span><span class="hljs-strong">*我是加粗加下划线的字体*</span><span class="hljs-strong">*&lt;/u&gt;</span>
<span class="hljs-strong"></span>
<span class="hljs-strong">~~*</span><span class="hljs-strong">*我是加粗加删除线的字体*</span><span class="hljs-strong">*~~</span>
<span class="hljs-strong"></span>
<span class="hljs-strong">*</span>&lt;u&gt;我是加斜体加下划线的字体&lt;/u&gt;<span class="hljs-strong">*</span>
<span class="hljs-strong">~~*</span>我是加斜体加删除线的字体<span class="hljs-strong">*~~</span>
<span class="hljs-strong"></span>
<span class="hljs-strong">&lt;u&gt;~~我是加下划线加删除线的字体~~&lt;/u&gt;</span>
<span class="hljs-strong">&lt;u&gt;*</span>*<span class="hljs-strong">*我是加粗加斜体加下划线的字体*</span>*<span class="hljs-strong">*&lt;/u&gt;</span>
<span class="hljs-strong">~~*</span>*<span class="hljs-strong">*我是加粗加斜体加删除线的字体*</span>*<span class="hljs-strong">*~~</span>
<span class="hljs-strong"></span>
<span class="hljs-strong">~~&lt;u&gt;*</span>我是加斜体加下划线加删除线的字体<span class="hljs-strong">*&lt;/u&gt;~~</span>
<span class="hljs-strong"></span>
<span class="hljs-strong">~~*</span>&lt;u&gt;*<span class="hljs-strong">*我是加粗加斜体加下划线加删除线的字体*</span><span class="hljs-strong">*&lt;/u&gt;*</span>~~</code></pre>

<h3 id="效果：-4"><a href="#效果：-4" class="headerlink" title="效果："></a>效果：</h3><p>我的正常状态下的字体</p>
<p><strong>我是加粗后的字体</strong><br><em>我是斜体的字体</em><br><u>我是加了下划线的字体</u><br><del>我是加了删除线的字体</del></p>
<p><strong><em>我是加粗加斜体的字体</em></strong><br><u><strong>我是加粗加下划线的字体</strong></u></p>
<p><del><strong>我是加粗加删除线的字体</strong></del></p>
<p>*<u>我是加斜体加下划线的字体</u>*<br><del><em>我是加斜体加删除线的字体</em></del></p>
<p><u><del>我是加下划线加删除线的字体</del></u><br><u><strong><em>我是加粗加斜体加下划线的字体</em></strong></u><br><del><strong><em>我是加粗加斜体加删除线的字体</em></strong></del></p>
<p><del><u><em>我是加斜体加下划线加删除线的字体</em></u></del></p>
<p><del>*<u><strong>我是加粗加斜体加下划线加删除线的字体</strong></u>*</del></p>
<h1 id="四：引用与标记"><a href="#四：引用与标记" class="headerlink" title="四：引用与标记"></a>四：引用与标记</h1><h2 id="1-引用（Ctrl-Shift-Q）"><a href="#1-引用（Ctrl-Shift-Q）" class="headerlink" title="1.引用（Ctrl+Shift+Q）"></a>1.引用（Ctrl+Shift+Q）</h2><h3 id="代码：-6"><a href="#代码：-6" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs ruby">这是普通内容

&gt; 这是引用的内容
<span class="hljs-meta">&gt;&gt;</span> 这也是引用的内容
<span class="hljs-meta">&gt;&gt;</span>&gt; 这也是引用的内容
<span class="hljs-meta">&gt;&gt;</span>&gt;&gt; 这也是引用的内容
<span class="hljs-meta">&gt;&gt;</span>&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt; 我叫腰间盘</code></pre>

<h3 id="效果：-5"><a href="#效果：-5" class="headerlink" title="效果："></a>效果：</h3><p>这是普通内容</p>
<blockquote>
<p>这是引用的内容</p>
<blockquote>
<p>这也是引用的内容</p>
<blockquote>
<p>这也是引用的内容</p>
<blockquote>
<p>这也是引用的内容</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>我叫腰间盘</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<h2 id="2-高亮"><a href="#2-高亮" class="headerlink" title="2.高亮"></a>2.高亮</h2><h3 id="代码：-7"><a href="#代码：-7" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs fix"><span class="hljs-attr">这是普通文本</span>
<span class="hljs-attr"></span>
<span class="hljs-attr">=</span>=<span class="hljs-string">这是高亮文本==</span></code></pre>

<h3 id="效果：-6"><a href="#效果：-6" class="headerlink" title="效果："></a>效果：</h3><p>这是普通文本</p>
<p>==这是高亮文本==</p>
<h2 id="3-分割线"><a href="#3-分割线" class="headerlink" title="3.分割线"></a>3.分割线</h2><h3 id="代码：-8"><a href="#代码：-8" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs ada">我下面是分割线

<span class="hljs-comment">------</span>

我上面是分割线</code></pre>

<h3 id="效果：-7"><a href="#效果：-7" class="headerlink" title="效果："></a>效果：</h3><p>我下面是分割线</p>
<hr>
<p>我上面是分割线</p>
<h2 id="4-行内代码引用"><a href="#4-行内代码引用" class="headerlink" title="4.行内代码引用"></a>4.行内代码引用</h2><h3 id="代码：-9"><a href="#代码：-9" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs autohotkey">执行了`print`方法</code></pre>

<h3 id="效果：-8"><a href="#效果：-8" class="headerlink" title="效果："></a>效果：</h3><p>执行了<code>print</code>方法</p>
<h2 id="5-代码块引用"><a href="#5-代码块引用" class="headerlink" title="5.代码块引用"></a>5.代码块引用</h2><h3 id="代码：-10"><a href="#代码：-10" class="headerlink" title="代码："></a>代码：</h3><pre><code class="hljs plain">​</code></pre>
<p>str1 = ‘I am’<br>str2 = ‘ a String’<br>str_all = str1 + str2<br>print(str_all)<br>​```</p>
<pre><code class="hljs clean">
### 效果：</code></pre>
<p>str1 = ‘I am’<br>str2 = ‘ a String’<br>str_all = str1 + str2<br>print(str_all)</p>
<pre><code class="hljs clean">
# 五：插入

## <span class="hljs-number">1.</span>插入链接

### 代码：</code></pre>
<p><a href="https://www.cnblogs.com/xuexianqi/" target="_blank" rel="noopener">https://www.cnblogs.com/xuexianqi/</a></p>
<pre><code class="hljs clean">
### 效果：

&lt;https:<span class="hljs-comment">//www.cnblogs.com/xuexianqi/&gt;</span>

## <span class="hljs-number">2.</span>插入链接（只显示标题，不显示链接本体）

### 代码：</code></pre>
<p><a href="https://www.cnblogs.com/xuexianqi/" target="_blank" rel="noopener">这是我的个人博客</a></p>
<pre><code class="hljs markdown">
<span class="hljs-section">### 效果：</span>

[<span class="hljs-string">这是我的个人博客</span>](<span class="hljs-link">https://www.cnblogs.com/xuexianqi/</span>)

<span class="hljs-section">## 3.插入图片</span>

<span class="hljs-section">### 代码：</span></code></pre>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1652079/o_200221125314%E5%98%9A%E7%91%9F.gif" srcset="/blog/img/loading.gif" alt="img"></p>
<pre><code class="hljs markdown">
<span class="hljs-section">### 效果：</span>

![<span class="hljs-string">img</span>](<span class="hljs-link">https://gitee.com/xuexianqi/img/raw/master/img/20200721121607.gif</span>)

<span class="hljs-section"># 六：列表与表格</span>

<span class="hljs-section">## 1.有序列表</span>

<span class="hljs-section">### 代码：</span></code></pre>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
<li>有序列表4<pre><code class="hljs clean">
### 效果：

<span class="hljs-number">1.</span> List1
<span class="hljs-number">2.</span> List2
<span class="hljs-number">3.</span> List3
<span class="hljs-number">4.</span> List4

## <span class="hljs-number">2.</span>无序列表

### 代码：</code></pre></li>
</ol>
<ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
<li>无序列表4<pre><code class="hljs clean">
### 效果：

* 无序列表<span class="hljs-number">1</span>
* 无序列表<span class="hljs-number">2</span>
* 无序列表<span class="hljs-number">3</span>
* 无序列表<span class="hljs-number">4</span>

## <span class="hljs-number">3.</span>表格

### 第二行必须得有，并且第二行的冒号代表对齐格式，分别为：左对齐、居中、右对齐）

### 代码：</code></pre>
<table>
<thead>
<tr>
<th align="left">name</th>
<th align="center">age</th>
<th align="right">sex</th>
</tr>
</thead>
<tbody><tr>
<td align="left">马冬梅</td>
<td align="center">20</td>
<td align="right">女</td>
</tr>
<tr>
<td align="left">李雷</td>
<td align="center">16</td>
<td align="right">男</td>
</tr>
<tr>
<td align="left">韩梅梅</td>
<td align="center">15</td>
<td align="right">女</td>
</tr>
<tr>
<td align="left">张三</td>
<td align="center">30</td>
<td align="right">男</td>
</tr>
<tr>
<td align="left"><pre><code class="hljs gherkin">
<span class="hljs-comment">### 效果：</span>

|<span class="hljs-string"> name   </span>|<span class="hljs-string"> age  </span>|<span class="hljs-string">  sex </span>|
|<span class="hljs-string"> :----- </span>|<span class="hljs-string"> :--: </span>|<span class="hljs-string"> ---: </span>|
|<span class="hljs-string"> 马冬梅 </span>|<span class="hljs-string">  20  </span>|<span class="hljs-string">   女 </span>|
|<span class="hljs-string"> 李雷   </span>|<span class="hljs-string">  16  </span>|<span class="hljs-string">   男 </span>|
|<span class="hljs-string"> 韩梅梅 </span>|<span class="hljs-string">  15  </span>|<span class="hljs-string">   女 </span>|
|<span class="hljs-string"> 张三   </span>|<span class="hljs-string">  30  </span>|<span class="hljs-string">   男 </span>|

<span class="hljs-comment"># 七：特殊字符</span>

|<span class="hljs-string"> 特殊字符 </span>|<span class="hljs-string">     描述      </span>|<span class="hljs-string"> 字符的代码 </span>|
|<span class="hljs-string"> :------: </span>|<span class="hljs-string"> :-----------: </span>|<span class="hljs-string"> :--------: </span>|
|<span class="hljs-string">          </span>|<span class="hljs-string">    空格符     </span>|<span class="hljs-string">  `&amp;nbsp;`  </span>|
|<span class="hljs-string">    &lt;     </span>|<span class="hljs-string">    小于号     </span>|<span class="hljs-string">   `&amp;lt;`   </span>|
|<span class="hljs-string">    &gt;     </span>|<span class="hljs-string">    大于号     </span>|<span class="hljs-string">   `&amp;gt;`   </span>|
|<span class="hljs-string">    &amp;     </span>|<span class="hljs-string">     和号      </span>|<span class="hljs-string">  `&amp;amp;`   </span>|
|<span class="hljs-string">    ￥    </span>|<span class="hljs-string">    人民币     </span>|<span class="hljs-string">  `&amp;yen;`   </span>|
|<span class="hljs-string">    ©     </span>|<span class="hljs-string">     版权      </span>|<span class="hljs-string">  `&amp;copy;`  </span>|
|<span class="hljs-string">    ®     </span>|<span class="hljs-string">   注册商标    </span>|<span class="hljs-string">  `&amp;reg;`   </span>|
|<span class="hljs-string">    °C    </span>|<span class="hljs-string">    摄氏度     </span>|<span class="hljs-string"> `°&amp;deg;C`  </span>|
|<span class="hljs-string">    ±     </span>|<span class="hljs-string">    正负号     </span>|<span class="hljs-string"> `&amp;plusmn;` </span>|
|<span class="hljs-string">    ×     </span>|<span class="hljs-string">     乘号      </span>|<span class="hljs-string"> `&amp;times;`  </span>|
|<span class="hljs-string">    ÷     </span>|<span class="hljs-string">     除号      </span>|<span class="hljs-string"> `&amp;devide;` </span>|
|<span class="hljs-string">    ²     </span>|<span class="hljs-string"> 平方（上标²） </span>|<span class="hljs-string">  `&amp;sup2;`  </span>|
|<span class="hljs-string">    ³     </span>|<span class="hljs-string"> 立方（上标³） </span>|<span class="hljs-string">  `&amp;sup3;`  </span>|

<span class="hljs-comment"># 八：流程图</span>

<span class="hljs-comment">### 代码：</span></code></pre></td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">​```flow</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">st=&gt;start: 开始</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">op=&gt;operation: My Operation</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">cond=&gt;condition: Yes or No?</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">e=&gt;end</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">st-&gt;op-&gt;cond</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">cond(yes)-&gt;e</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">cond(no)-&gt;op</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">&amp;```</td>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr>
<td align="left">```</td>
<td align="center"></td>
<td align="right"></td>
</tr>
</tbody></table>
</li>
</ul>
<h3 id="效果图："><a href="#效果图：" class="headerlink" title="效果图："></a>效果图：</h3><p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200721121557.png" srcset="/blog/img/loading.gif" alt="0111"></p>

            </article>
            <hr>
            <div>
              <div class="post-metas mb-3">
                
                  <div class="post-meta mr-3">
                    <i class="iconfont icon-category"></i>
                    
                      <a class="hover-with-bg" href="/blog/categories/%E6%95%99%E7%A8%8B/">教程</a>
                    
                  </div>
                
                
                  <div class="post-meta">
                    <i class="iconfont icon-tags"></i>
                    
                      <a class="hover-with-bg" href="/blog/tags/Markdown/">Markdown</a>
                    
                  </div>
                
              </div>
              
                <p class="note note-warning">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh" target="_blank" rel="nofollow noopener noopener">CC BY-SA 4.0 协议</a> ，转载请注明出处！</p>
              
              
                <div class="post-prevnext row">
                  <div class="post-prev col-6">
                    
                    
                      <a href="/blog/2020/07/23/hello-world/">
                        <i class="iconfont icon-arrowleft"></i>
                        <span class="hidden-mobile">Hello World</span>
                        <span class="visible-mobile">上一篇</span>
                      </a>
                    
                  </div>
                  <div class="post-next col-6">
                    
                    
                  </div>
                </div>
              
            </div>

            
          </div>
        </div>
      </div>
    </div>
    
      <div class="d-none d-lg-block col-lg-2 toc-container" id="toc-ctn">
        <div id="toc">
  <p class="toc-header"><i class="iconfont icon-list"></i>&nbsp;目录</p>
  <div id="tocbot"></div>
</div>

      </div>
    
  </div>
</div>

<!-- Custom -->


    
  </main>

  
    <a id="scroll-top-button" href="#" role="button">
      <i class="iconfont icon-arrowup" aria-hidden="true"></i>
    </a>
  

  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  

  

  

  <footer class="mt-5">
  <div class="text-center py-3">
    <div>
      <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><span>Hexo</span></a>
      <i class="iconfont icon-love"></i>
      <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener">
        <span>Fluid</span></a>
    </div>
    

    

    
  </div>
</footer>

<!-- SCRIPTS -->
<script  src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js" ></script>
<script  src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js" ></script>
<script  src="/blog/js/debouncer.js" ></script>
<script  src="/blog/js/main.js" ></script>

<!-- Plugins -->


  
    <script  src="/blog/js/lazyload.js" ></script>
  



  <script defer src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js" ></script>
  <script  src="/blog/js/clipboard-use.js" ></script>







  <script  src="https://cdn.staticfile.org/tocbot/4.11.1/tocbot.min.js" ></script>
  <script>
    $(document).ready(function () {
      var boardCtn = $('#board-ctn');
      var boardTop = boardCtn.offset().top;

      tocbot.init({
        tocSelector: '#tocbot',
        contentSelector: 'article.markdown-body',
        headingSelector: 'h1,h2,h3,h4,h5,h6',
        linkClass: 'tocbot-link',
        activeLinkClass: 'tocbot-active-link',
        listClass: 'tocbot-list',
        isCollapsedClass: 'tocbot-is-collapsed',
        collapsibleClass: 'tocbot-is-collapsible',
        collapseDepth: 0,
        scrollSmooth: true,
        headingsOffset: -boardTop
      });
      if ($('.toc-list-item').length > 0) {
        $('#toc').css('visibility', 'visible');
      }
    });
  </script>



  <script  src="https://cdn.staticfile.org/typed.js/2.0.11/typed.min.js" ></script>
  <script>
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "Markdown基本使用&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>



  <script  src="https://cdn.staticfile.org/anchor-js/4.2.2/anchor.min.js" ></script>
  <script>
    anchors.options = {
      placement: "right",
      visible: "hover",
      
    };
    var el = "h1,h2,h3,h4,h5,h6".split(",");
    var res = [];
    for (item of el) {
      res.push(".markdown-body > " + item)
    }
    anchors.add(res.join(", "))
  </script>



  <script  src="/blog/js/local-search.js" ></script>
  <script>
    var path = "/blog/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      searchFunc(path, 'local-search-input', 'local-search-result');
      this.onclick = null
    }
  </script>



  <script  src="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.js" ></script>
  <link  rel="stylesheet" href="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.css" />

  <script>
    $('#post img:not(.no-zoom img, img[no-zoom]), img[zoom]').each(
      function () {
        var element = document.createElement('a');
        $(element).attr('data-fancybox', 'images');
        $(element).attr('href', $(this).attr('src'));
        $(this).wrap(element);
      }
    );
  </script>




















</body>
</html>
